<template>
  <UniversalContainer name="圆角Button" :paramaters="type">
    <!-- radius有圆角 -->
    <Button radius>默认按钮</Button>
    <Button level="main" :radius="true">默认按钮</Button>
    <Button level="succese" :radius="true">成功按钮</Button>
    <Button level="info" :radius="true">信息按钮</Button>
    <Button level="warrning" :radius="true">警告按钮</Button>
    <Button level="danger" :radius="true">危险按钮</Button>
  </UniversalContainer>
</template>

<script setup lang="ts">
import Button from "../../baseComponent/Button.vue";
import UniversalContainer from "../UniversalContainer.vue";
import { ref } from "vue";
const type = ref(
  `
  import Button from "../../baseComponent/Button.vue";

  <Button radius>默认按钮</Button>
  <Button level="main" :radius="true">默认按钮</Button>
  <Button level="succese" :radius="true">成功按钮</Button>
  <Button level="info" :radius="true">信息按钮</Button>
  <Button level="warrning" :radius="true">警告按钮</Button>
  <Button level="danger" :radius="true">危险按钮</Button>
  `
);
</script>

<style scoped lang="scss"></style>
